<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <title>符号预览</title>
    <script src="js/configData.js"></script>
    <script src="js/demo.js"></script>
    <link rel="stylesheet" href="css/demo.css">

    <style>
        #content {
            margin: 20px;
            /*position: relative;*/
            text-align: left;
        }

        .opt-panel {
            text-align: left;
        }

        .symbol-id {
            color: #000;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .symbol-name {
            color: #000;
            text-align: center;
            /*text-overflow: ellipsis;*/
            /*white-space: nowrap;*/
            /*overflow: hidden;*/
        }

        .symbol-cell {
            display: inline-block;
            position: relative;
            text-align: center;
            border-radius: 5px;
            margin: 5px;
            vertical-align: bottom;
            background: #4D4E53;
        }

        .symbol-cell:hover {
            box-shadow: 0px 0px 10px #000;
            cursor: pointer;
        }

    </style>
</head>
<body id="body">
<div class="opt-panel">
    格子大小:<input type="number" id="cellSize" min="100" value="120">
    <button onclick="onRender()">应用</button>
    <input type="file" id="symFile" onChange="onFileChange()" accept="*.sym">
    <label>【注意：如果是通过file协议打开的页面请点击"选择文件"，加载指定的sym文件即可预览】</label>
</div>
<div id="content">
</div>
<div id="allSymbol"></div>
</body>
</html>
<script>
    //这个不是最终数据，仅供参考
    var symbolTypeMapData = {
        2020141: {type: 3114000, subtype: 311400001},
        7080010: {type: 1001006, subtype: 100100600},
        3030010: {type: 202000, subtype: 20200000},
        2020140: {type: 3114000, subtype: 311400000},
        2020140: {type: 102000, subtype: 10200000},
        3050010: {type: 206000, subtype: 20600000},
        392: {type: 3218000, subtype: 321800000},
        4300010: {type: 320000, subtype: 32000000},
        4140010: {type: 313000, subtype: 31300001},
        4140020: {type: 313000, subtype: 31300001},
        4140030: {type: 313000, subtype: 31300001},
        4140040: {type: 313000, subtype: 31300001},
        4140050: {type: 313000, subtype: 31300001},
        4140060: {type: 313000, subtype: 31300001},
        4140070: {type: 313000, subtype: 31300001},
        4140080: {type: 313000, subtype: 31300001},
        4140090: {type: 313000, subtype: 31300001},
        4140100: {type: 313000, subtype: 31300001},
        4140110: {type: 313000, subtype: 31300001},
        4140120: {type: 313000, subtype: 31300001},
        4140130: {type: 313000, subtype: 31300001},
        4140140: {type: 313000, subtype: 31300001},
        4140150: {type: 313000, subtype: 31300001},
        4140160: {type: 313000, subtype: 31300001},
        4140170: {type: 313000, subtype: 31300001},
        4140180: {type: 313000, subtype: 31300001},
        4140190: {type: 313000, subtype: 31300001},
        4300010: {type: 3440000, subtype: 32000001},
        9010010: {type: 1001013, subtype: 100101301},
        9010020: {type: 1001013, subtype: 100101301},
        9010030: {type: 1001013, subtype: 100101301},
        9010040: {type: 1001013, subtype: 100101301},
        9010050: {type: 1001013, subtype: 100101301},
        9010060: {type: 1001013, subtype: 100101301},
        9010070: {type: 1001013, subtype: 100101301},
        9010080: {type: 1001013, subtype: 100101301},
        9010090: {type: 1001013, subtype: 100101301},
        9010100: {type: 1001013, subtype: 100101301},
        9010110: {type: 1001013, subtype: 100101301},
        9010120: {type: 1001013, subtype: 100101301},
        9010130: {type: 1001013, subtype: 100101301},
        9010140: {type: 1001013, subtype: 100101301},
        9010150: {type: 1001013, subtype: 100101301},
        9010160: {type: 1001013, subtype: 100101301},
        9010170: {type: 1001013, subtype: 100101301},
        9010180: {type: 1001013, subtype: 100101301},
        5010010: {type: 370000, subtype: 37000000},
        399: {type: 350000, subtype: 35000000},
        399: {type: 350000, subtype: 35000001},
        9010191: {type: 1001013, subtype: 100101301},
        9010192: {type: 1001013, subtype: 100101301},
        9010193: {type: 1001013, subtype: 100101301},
        9010194: {type: 1001013, subtype: 100101301},
        9010230: {type: 1001013, subtype: 100101301},
        9010240: {type: 1001013, subtype: 100101301},
        9010250: {type: 1001013, subtype: 100101301},
        9010260: {type: 1001013, subtype: 100101301},
        399: {type: 180000, subtype: 18000000},
        399: {type: 180000, subtype: 18000001},
        3020011: {type: 203000, subtype: 20300000},
        2020141: {type: 102000, subtype: 10200001},
        4300010: {type: 321000, subtype: 32100000},
        4250010: {type: 311000, subtype: 31100000},
        4250010: {type: 3217000, subtype: 321700000},
        1030090: {type: 3110000, subtype: 311000000},
        7090010: {type: 1001004, subtype: 100100400},
        5040010: {type: 4103000, subtype: 410300000},
        5040020: {type: 4104000, subtype: 410400000},
        5040030: {type: 4106000, subtype: 410600000},
        4250010: {type: 2125000, subtype: 212500000},
        9010190: {type: 1001013, subtype: 100101301},
        9010200: {type: 1001013, subtype: 100101301},
        1030060: {type: 209000, subtype: 20900000},
        1030060: {type: 3205000, subtype: 320500000},
        4140010: {type: 3309000, subtype: 330900000},
        4290040: {type: 2505000, subtype: 250500000},
        4290041: {type: 2505000, subtype: 250500000},
        4290042: {type: 2505000, subtype: 250500000},
        4140210: {type: 313000, subtype: 31300001},
        4270010: {type: 390000, subtype: 39000001},
        4210010: {type: 390000, subtype: 39000003},
        4210020: {type: 390000, subtype: 39000003},
        4240020: {type: 390000, subtype: 39000004},
        4150040: {type: 3314000, subtype: 331400000},
        4150050: {type: 3314000, subtype: 331400000},
        4290043: {type: 2505000, subtype: 250500000},
        4260010: {type: 1001502, subtype: 100150200},
        7160010: {type: 1001504, subtype: 100150400},
        7180010: {type: 1001506, subtype: 100150600},
        7220010: {type: 1001509, subtype: 100150900},
        7230010: {type: 1001510, subtype: 100151000},
        7240010: {type: 1001511, subtype: 100151100},
        7270010: {type: 1001514, subtype: 100151400},
        7280010: {type: 1001515, subtype: 100151500},
        7300010: {type: 1001519, subtype: 100151900},
        4140220: {type: 313000, subtype: 31300001},
        7120010: {type: 1001500, subtype: 100150000},
        7210010: {type: 1001501, subtype: 100150100},
        7150010: {type: 1001503, subtype: 100150300},
        7170010: {type: 1001505, subtype: 100150500},
        7250010: {type: 1001512, subtype: 100151200},
        7260010: {type: 1001513, subtype: 100151300},
        7410010: {type: 1001516, subtype: 100151600},
        7510010: {type: 1001517, subtype: 100151700},
        7290010: {type: 1001518, subtype: 100151800},
        7310010: {type: 1001520, subtype: 100152000},
        9200010: {type: 1001521, subtype: 100152100},
        4290270: {type: 2505000, subtype: 250500000},
        4300010: {type: 2700000, subtype: 270000000},
        2020142: {type: 102000, subtype: 10200001},
        2020142: {type: 102000, subtype: 10200000},
        4140200: {type: 313000, subtype: 31300001},
        4030010: {type: 3103000, subtype: 310300000},
        2140011: {type: 3216000, subtype: 321600000},
        2140010: {type: 3216000, subtype: 321600000},
        2100010: {type: 3113000, subtype: 311300000},
        2100011: {type: 3113000, subtype: 311300000},
        2040010: {type: 111000, subtype: 11100000},
        4020370: {type: 303000, subtype: 30300000},
        4150010: {type: 119000, subtype: 11900000},
        2110010: {type: 3108000, subtype: 310800000},
        4050011: {type: 3460000, subtype: 321500000},
        4150010: {type: 316000, subtype: 31600000},
        4150030: {type: 316000, subtype: 31600000},
        4020010: {type: 301000, subtype: 30100001},
        4020020: {type: 301000, subtype: 30100001},
        4020030: {type: 301000, subtype: 30100001},
        4020010: {type: 302000, subtype: 30200001},
        4020020: {type: 302000, subtype: 30200001},
        3020011: {type: 3203000, subtype: 320300000},
        4020030: {type: 302000, subtype: 30200001},
        4020050: {type: 301000, subtype: 30100002},
        4020051: {type: 301000, subtype: 30100002},
        4130010: {type: 120000, subtype: 12000000},
        6070010: {type: 207000, subtype: 20700000},
        4140010: {type: 121000, subtype: 12100000},
        3040010: {type: 205000, subtype: 20500000},
        4020070: {type: 301000, subtype: 30100002},
        4020080: {type: 301000, subtype: 30100002},
        4020090: {type: 301000, subtype: 30100002},
        4020100: {type: 301000, subtype: 30100002},
        4020110: {type: 301000, subtype: 30100002},
        4020120: {type: 301000, subtype: 30100002},
        4020130: {type: 301000, subtype: 30100002},
        4020140: {type: 301000, subtype: 30100002},
        4020150: {type: 301000, subtype: 30100002},
        4020160: {type: 301000, subtype: 30100002},
        4020170: {type: 301000, subtype: 30100002},
        4020180: {type: 301000, subtype: 30100002},
        4020190: {type: 301000, subtype: 30100002},
        4020200: {type: 301000, subtype: 30100002},
        4020210: {type: 301000, subtype: 30100002},
        4020220: {type: 301000, subtype: 30100002},
        4020230: {type: 301000, subtype: 30100002},
        4020050: {type: 302000, subtype: 30200002},
        4020051: {type: 302000, subtype: 30200002},
        4020052: {type: 302000, subtype: 30200002},
        4020060: {type: 302000, subtype: 30200002},
        4020070: {type: 302000, subtype: 30200002},
        4020080: {type: 302000, subtype: 30200002},
        4020090: {type: 302000, subtype: 30200002},
        4020100: {type: 302000, subtype: 30200002},
        4020110: {type: 302000, subtype: 30200002},
        2012302: {type: 222004, subtype: 22200401},
        4020120: {type: 302000, subtype: 30200002},
        4020130: {type: 302000, subtype: 30200002},
        4020140: {type: 302000, subtype: 30200002},
        4020150: {type: 302000, subtype: 30200002},
        4020160: {type: 302000, subtype: 30200002},
        4020170: {type: 302000, subtype: 30200002},
        4020180: {type: 302000, subtype: 30200002},
        4020190: {type: 302000, subtype: 30200002},
        4020200: {type: 302000, subtype: 30200002},
        4020210: {type: 302000, subtype: 30200002},
        4020220: {type: 302000, subtype: 30200002},
        4020230: {type: 302000, subtype: 30200002},
        4020240: {type: 301000, subtype: 30100003},
        4020250: {type: 301000, subtype: 30100003},
        4020260: {type: 301000, subtype: 30100003},
        4020270: {type: 301000, subtype: 30100003},
        4020280: {type: 301000, subtype: 30100003},
        4020290: {type: 301000, subtype: 30100003},
        4020300: {type: 301000, subtype: 30100003},
        4020310: {type: 301000, subtype: 30100003},
        4020320: {type: 301000, subtype: 30100003},
        4260010: {type: 3420000, subtype: 13000001},
        420: {type: 3430000, subtype: 14000001},
        4260010: {type: 3410000, subtype: 36000001},
        4020050: {type: 302000, subtype: 30200003},
        4020051: {type: 302000, subtype: 30200003},
        4020052: {type: 302000, subtype: 30200003},
        4020060: {type: 302000, subtype: 30200003},
        4020070: {type: 302000, subtype: 30200003},
        4020080: {type: 302000, subtype: 30200003},
        4020090: {type: 302000, subtype: 30200003},
        4020100: {type: 302000, subtype: 30200003},
        4020110: {type: 302000, subtype: 30200003},
        4020120: {type: 302000, subtype: 30200003},
        4020130: {type: 302000, subtype: 30200003},
        4020140: {type: 302000, subtype: 30200003},
        4020150: {type: 302000, subtype: 30200003},
        4020160: {type: 302000, subtype: 30200003},
        4020170: {type: 302000, subtype: 30200003},
        4020180: {type: 302000, subtype: 30200003},
        4020190: {type: 302000, subtype: 30200003},
        4020200: {type: 302000, subtype: 30200003},
        4020210: {type: 302000, subtype: 30200003},
        4020220: {type: 302000, subtype: 30200003},
        4020230: {type: 302000, subtype: 30200003},
        2030010: {type: 110000, subtype: 11000001},
        4020330: {type: 301000, subtype: 30100003},
        4020240: {type: 302000, subtype: 30200000},
        4020250: {type: 302000, subtype: 30200000},
        4020260: {type: 302000, subtype: 30200000},
        4020270: {type: 302000, subtype: 30200000},
        4030010: {type: 305000, subtype: 30500000},
        4030011: {type: 305000, subtype: 30500000},
        4030020: {type: 305000, subtype: 30500000},
        4030021: {type: 305000, subtype: 30500000},
        4290100: {type: 306000, subtype: 30600003},
        4290110: {type: 306000, subtype: 30600003},
        4050010: {type: 306000, subtype: 30600000},
        4050011: {type: 306000, subtype: 30600000},
        4050020: {type: 306000, subtype: 30600000},
        4050021: {type: 306000, subtype: 30600000},
        4220010: {type: 306000, subtype: 30600001},
        4220011: {type: 306000, subtype: 30600001},
        4050040: {type: 306000, subtype: 30600004},
        4050042: {type: 306000, subtype: 30600004},
        4050041: {type: 306000, subtype: 30600004},
        4070010: {type: 307000, subtype: 30700002},
        4070011: {type: 307000, subtype: 30700002},
        4070012: {type: 307000, subtype: 30700002},
        4070013: {type: 306000, subtype: 30600007},
        4070014: {type: 306000, subtype: 30600007},
        4070015: {type: 306000, subtype: 30600007},
        4080010: {type: 306000, subtype: 30600006},
        2020051: {type: 3102000, subtype: 310200001},
        4080011: {type: 306000, subtype: 30600006},
        4080012: {type: 306000, subtype: 30600006},
        4080013: {type: 306000, subtype: 30600006},
        4040010: {type: 307000, subtype: 30700000},
        4040011: {type: 307000, subtype: 30700000},
        4040020: {type: 307000, subtype: 30700000},
        4040021: {type: 307000, subtype: 30700000},
        4130010: {type: 314000, subtype: 31400000},
        4130020: {type: 314000, subtype: 31400000},
        4130030: {type: 314000, subtype: 31400000},
        4130040: {type: 314000, subtype: 31400000},
        4050030: {type: 306000, subtype: 30600005},
        4050031: {type: 306000, subtype: 30600005},
        4040021: {type: 3215000, subtype: 321500002},
        4110010: {type: 306000, subtype: 30600000},
        4050010: {type: 3460000, subtype: 321500000},
        4030010: {type: 3215000, subtype: 321500001},
        4030011: {type: 3215000, subtype: 321500001},
        410: {type: 198814, subtype: 19881400},
        4030020: {type: 3215000, subtype: 321500001},
        4030021: {type: 3215000, subtype: 321500001},
        4100010: {type: 3215000, subtype: 321500001},
        4040020: {type: 3215000, subtype: 321500002},
        4040010: {type: 3215000, subtype: 321500002},
        4040011: {type: 3215000, subtype: 321500002},
        9050010: {type: 160000, subtype: 16000000},
        420: {type: 360000, subtype: 36000000},
        420: {type: 3410000, subtype: 36000001},
        4050030: {type: 309000, subtype: 30900000},
        4050031: {type: 309000, subtype: 30900000},
        4180010: {type: 390000, subtype: 39000002},
        4240010: {type: 390000, subtype: 39000005},
        4160010: {type: 390000, subtype: 39000006},
        4160020: {type: 390000, subtype: 39000006},
        4180020: {type: 391000, subtype: 39000007},
        4230010: {type: 390000, subtype: 39000008},
        4230020: {type: 308000, subtype: 30800000},
        7030010: {type: 1001400, subtype: 100140000},
        4200011: {type: 318000, subtype: 31800001},
        4180030: {type: 319000, subtype: 31900000},
        5070010: {type: 4102000, subtype: 410200000},
        5170010: {type: 4111000, subtype: 411100000},
        4290120: {type: 306000, subtype: 30600003},
        4290130: {type: 306000, subtype: 30600003},
        4290070: {type: 2513000, subtype: 251300000},
        4290050: {type: 2501000, subtype: 250100000},
        20011: {type: 1001018, subtype: 100101800},
        4290051: {type: 2501000, subtype: 250100000},
        4290060: {type: 2502000, subtype: 250200000},
        4290061: {type: 2502000, subtype: 250200000},
        4290010: {type: 2101000, subtype: 210100000},
        4150010: {type: 2507000, subtype: 250700000},
        4230010: {type: 2506000, subtype: 250600000},
        4190010: {type: 2512000, subtype: 251200000},
        4020040: {type: 304000, subtype: 30400000},
        4220011: {type: 2503000, subtype: 250300000},
        4220010: {type: 2503000, subtype: 250300000},
        4200011: {type: 116000, subtype: 11600000},
        4150020: {type: 317000, subtype: 31700000},
        4260010: {type: 2600000, subtype: 260000000},
        4200010: {type: 3312000, subtype: 331200000},
        4150010: {type: 3311000, subtype: 331100000},
        4050030: {type: 3310000, subtype: 331000000},
        4050031: {type: 3310000, subtype: 331000000},
        4020100: {type: 2102000, subtype: 210200000},
        4020110: {type: 2102000, subtype: 210200000},
        4290250: {type: 2102000, subtype: 210200000},
        4290260: {type: 2102000, subtype: 210200000},
        4020250: {type: 2102000, subtype: 210200001},
        4020260: {type: 2102000, subtype: 210200001},
        4020270: {type: 2102000, subtype: 210200001},
        4020280: {type: 2102000, subtype: 210200001},
        4020290: {type: 2102000, subtype: 210200001},
        4020300: {type: 2102000, subtype: 210200001},
        410: {type: 198813, subtype: 19881300},
        4020310: {type: 2102000, subtype: 210200001},
        4020320: {type: 2102000, subtype: 210200001},
        4020330: {type: 2102000, subtype: 210200001},
        4170010: {type: 2103000, subtype: 210300000},
        4290020: {type: 2103000, subtype: 210300001},
        4200010: {type: 2514000, subtype: 251400000},
        4200011: {type: 2514000, subtype: 251400001},
        4020380: {type: 301000, subtype: 30100001},
        4020381: {type: 301000, subtype: 30100001},
        4020382: {type: 301000, subtype: 30100001},
        4020383: {type: 301000, subtype: 30100001},
        4020384: {type: 301000, subtype: 30100001},
        4020331: {type: 301000, subtype: 30100003},
        4020385: {type: 301000, subtype: 30100001},
        4110012: {type: 306000, subtype: 30600000},
        4110010: {type: 3460000, subtype: 321500000},
        4220010: {type: 3460000, subtype: 321500005},
        4220011: {type: 3460000, subtype: 321500005},
        4050020: {type: 3460000, subtype: 321500000},
        2120011: {type: 333000, subtype: 33300000},
        4200010: {type: 116000, subtype: 11600000},
        2010010: {type: 3101000, subtype: 310100000},
        4200010: {type: 3109000, subtype: 310900000},
        4050021: {type: 3460000, subtype: 321500000},
        2100013: {type: 3113000, subtype: 311300001},
        2100014: {type: 3113000, subtype: 311300001},
        2012002: {type: 222006, subtype: 22200601},
        4100012: {type: 3215000, subtype: 321500001},
        4130010: {type: 2504000, subtype: 250400000},
        4130020: {type: 2504000, subtype: 250400000},
        4130030: {type: 2504000, subtype: 250400000},
        4130040: {type: 2504000, subtype: 250400000},
        4210010: {type: 2800000, subtype: 280000000},
        4210010: {type: 3313000, subtype: 331300000},
        4210020: {type: 3313000, subtype: 331300000},
        4050021: {type: 3450000, subtype: 310300001},
        4050020: {type: 113000, subtype: 11300000},
        4050021: {type: 113000, subtype: 11300000},
        4040020: {type: 112000, subtype: 11200000},
        4040021: {type: 112000, subtype: 11200000},
        4110011: {type: 3460000, subtype: 321500000},
        4110012: {type: 3460000, subtype: 321500000},
        4100011: {type: 3215000, subtype: 321500001},
        4110011: {type: 306000, subtype: 30600000},
        4290100: {type: 3460000, subtype: 321500098},
        4290110: {type: 3460000, subtype: 321500098},
        399: {type: 1001020, subtype: 100102000},
        4290120: {type: 3460000, subtype: 321500098},
        4290130: {type: 3460000, subtype: 321500098},
        84100020: {type: 307000, subtype: 30700099},
        84100021: {type: 307000, subtype: 30700099},
        84100022: {type: 307000, subtype: 30700099},
        84100023: {type: 307000, subtype: 30700099},
        84100022: {type: 3215000, subtype: 321500097},
        84100021: {type: 3215000, subtype: 321500097},
        84100020: {type: 3215000, subtype: 321500097},
        84100023: {type: 3215000, subtype: 321500097},
        84030061: {type: 307000, subtype: 30700098},
        84030060: {type: 307000, subtype: 30700098},
        84030062: {type: 307000, subtype: 30700098},
        84030070: {type: 305000, subtype: 30500099},
        84030071: {type: 305000, subtype: 30500099},
        84030072: {type: 305000, subtype: 30500099},
        84050070: {type: 306000, subtype: 30600099},
        84050072: {type: 306000, subtype: 30600099},
        84050073: {type: 306000, subtype: 30600099},
        4160010: {type: 3990000, subtype: 399000001},
        4160020: {type: 3990000, subtype: 399000001},
        84340010: {type: 3990000, subtype: 399000002},
        84340011: {type: 3990000, subtype: 399000002},
        2012003: {type: 222006, subtype: 22200601},
        84340020: {type: 3990000, subtype: 399000002},
        84340021: {type: 3990000, subtype: 399000002},
        84170030: {type: 3980000, subtype: 398000001},
        82290010: {type: 3990000, subtype: 399000003},
        84110090: {type: 306000, subtype: 30600003},
        84110091: {type: 306000, subtype: 30600003},
        84050050: {type: 306000, subtype: 30600000},
        84050051: {type: 306000, subtype: 30600000},
        84030050: {type: 3215000, subtype: 321500001},
        84030051: {type: 3215000, subtype: 321500001},
        84110032: {type: 306000, subtype: 30600003},
        1010010: {type: 300000, subtype: 30000003},
        1010020: {type: 300000, subtype: 30000003},
        1010030: {type: 300000, subtype: 30000003},
        1010040: {type: 300000, subtype: 30000003},
        1010050: {type: 300000, subtype: 30000003},
        1010060: {type: 300000, subtype: 30000003},
        1010070: {type: 300000, subtype: 30000003},
        1010080: {type: 300000, subtype: 30000003},
        1010090: {type: 300000, subtype: 30000003},
        1010100: {type: 300000, subtype: 30000003},
        1010110: {type: 300000, subtype: 30000003},
        2150010: {type: 3219000, subtype: 321900000},
        20011: {type: 198810, subtype: 19881000},
        20011: {type: 1002200, subtype: 100220000},
        2050010: {type: 3104000, subtype: 310400000},
        2050011: {type: 3104000, subtype: 310400000},
        2060010: {type: 3450000, subtype: 310300001},
        2060011: {type: 3450000, subtype: 310300001},
        4050031: {type: 3106000, subtype: 310600000},
        4050030: {type: 3106000, subtype: 310600000},
        2050011: {type: 112000, subtype: 11200000},
        2050010: {type: 112000, subtype: 11200000},
        2030020: {type: 110000, subtype: 11000000},
        2090010: {type: 115000, subtype: 11500000},
        2060011: {type: 113000, subtype: 11300000},
        2060010: {type: 113000, subtype: 11300000},
        2090011: {type: 115000, subtype: 11500000},
        2070011: {type: 114000, subtype: 11400000},
        2070010: {type: 114000, subtype: 11400000},
        4180040: {type: 319000, subtype: 31900000},
        3010010: {type: 201000, subtype: 20100000},
        4260010: {type: 130000, subtype: 13000000},
        4020060: {type: 301000, subtype: 30100002},
        20011: {type: 1001018, subtype: 100101800},
        20011: {type: 1001018, subtype: 100101800},
        20011: {type: 1001018, subtype: 100101800},
        20011: {type: 1001018, subtype: 100101800},
        20011: {type: 1001018, subtype: 100101800},
        4090010: {type: 306000, subtype: 30600002},
        4090011: {type: 306000, subtype: 30600002},
        4090012: {type: 306000, subtype: 30600002},
        9100010: {type: 4110000, subtype: 411000000},
        4090013: {type: 306000, subtype: 30600002},
        410: {type: 1002300, subtype: 100230000},
        20011: {type: 1001019, subtype: 100101900},
        410: {type: 198812, subtype: 19881200},
        4020280: {type: 302000, subtype: 30200000},
        4020290: {type: 302000, subtype: 30200000},
        4020300: {type: 302000, subtype: 30200000},
        4020310: {type: 302000, subtype: 30200000},
        4020320: {type: 302000, subtype: 30200000},
        4020330: {type: 302000, subtype: 30200000},
        4020350: {type: 301000, subtype: 30100004},
        4020360: {type: 301000, subtype: 30100004},
        4130050: {type: 314000, subtype: 31400001},
        4130051: {type: 314000, subtype: 31400001},
        20011: {type: 1002400, subtype: 100240000},
        410: {type: 198811, subtype: 19881100},
        2012502: {type: 221000, subtype: 22100001},
        2012501: {type: 221000, subtype: 22100002},
        2012601: {type: 221001, subtype: 22100101},
        2012602: {type: 221001, subtype: 22100102},
        2012604: {type: 221002, subtype: 22100201},
        2012401: {type: 222003, subtype: 22200301},
        2012402: {type: 222003, subtype: 22200301},
        2012301: {type: 222004, subtype: 22200401},
        2012311: {type: 222004, subtype: 22200401},
        2020072: {type: 103000, subtype: 10300000},
        2012312: {type: 222004, subtype: 22200401},
        2012303: {type: 222004, subtype: 22200401},
        2012313: {type: 222004, subtype: 22200401},
        2012304: {type: 222004, subtype: 22200401},
        2012314: {type: 222004, subtype: 22200401},
        2012321: {type: 222004, subtype: 22200401},
        2012322: {type: 222004, subtype: 22200401},
        2012323: {type: 222004, subtype: 22200401},
        2012324: {type: 222004, subtype: 22200401},
        2012305: {type: 222004, subtype: 22200402},
        2012315: {type: 222004, subtype: 22200402},
        2012306: {type: 222004, subtype: 22200402},
        2012316: {type: 222004, subtype: 22200402},
        2012307: {type: 222004, subtype: 22200402},
        2012317: {type: 222004, subtype: 22200402},
        2012308: {type: 222004, subtype: 22200402},
        2012318: {type: 222004, subtype: 22200402},
        2012325: {type: 222004, subtype: 22200402},
        2012326: {type: 222004, subtype: 22200402},
        2012327: {type: 222004, subtype: 22200402},
        2012328: {type: 222004, subtype: 22200402},
        2012201: {type: 222005, subtype: 22200501},
        2012202: {type: 222005, subtype: 22200501},
        2012001: {type: 222006, subtype: 22200601},
        2012004: {type: 222006, subtype: 22200601},
        2012005: {type: 222006, subtype: 22200601},
        2012006: {type: 222006, subtype: 22200601},
        2012101: {type: 222007, subtype: 22200701},
        2012102: {type: 222007, subtype: 22200701},
        2012103: {type: 222007, subtype: 22200701},
        2011806: {type: 222008, subtype: 22200801},
        2011901: {type: 222009, subtype: 22200901},
        2011902: {type: 222009, subtype: 22200901},
        3070010: {type: 1003000, subtype: 100300000},
        7050010: {type: 1004000, subtype: 100400000},
        9050011: {type: 1101000, subtype: 110100000},
        1010020: {type: 1101000, subtype: 110100000},
        9030010: {type: 210000, subtype: 21000000},
        2120011: {type: 117000, subtype: 11700000},
        4170020: {type: 312000, subtype: 31200001},
        420: {type: 140000, subtype: 14000000},
        2040011: {type: 111000, subtype: 11100000},
        6010000: {type: 5101000, subtype: 510100000},
        2020051: {type: 103000, subtype: 10300001},
        2020020: {type: 103000, subtype: 10300001},
        2020040: {type: 103000, subtype: 10300001},
        2020061: {type: 103000, subtype: 10300001},
        2020071: {type: 103000, subtype: 10300001},
        2020073: {type: 103000, subtype: 10300001},
        2020030: {type: 3102000, subtype: 310200000},
        2020030: {type: 103000, subtype: 10300000},
        2020010: {type: 103000, subtype: 10300000},
        2020050: {type: 103000, subtype: 10300000},
        2020060: {type: 103000, subtype: 10300000},
        2020070: {type: 103000, subtype: 10300000},
        2020071: {type: 3102000, subtype: 310200001},
        2020070: {type: 3102000, subtype: 310200000},
        2020061: {type: 3102000, subtype: 310200001},
        2020060: {type: 3102000, subtype: 310200000},
        5040010: {type: 170000, subtype: 17000000},
        1020030: {type: 300000, subtype: 30000001},
        2020050: {type: 3102000, subtype: 310200000},
        7060010: {type: 1001007, subtype: 100100700},
        392: {type: 4101000, subtype: 410100000},
        5230010: {type: 4105000, subtype: 410500000},
        5180010: {type: 4107000, subtype: 410700000},
        5010010: {type: 4108000, subtype: 410800000},
        5190010: {type: 4112000, subtype: 411200000},
        5090010: {type: 4114000, subtype: 411400000},
        5240010: {type: 4116000, subtype: 411600000},
        5130010: {type: 4116000, subtype: 411600001},
        5060010: {type: 4117000, subtype: 411700000},
        5060060: {type: 4117000, subtype: 411700001},
        5060050: {type: 4117000, subtype: 411700002},
        5250010: {type: 4118000, subtype: 411800000},
        5260010: {type: 4119000, subtype: 411900000},
        5270010: {type: 4120000, subtype: 412000000},
        5280010: {type: 4120000, subtype: 412000001},
        5290010: {type: 4120000, subtype: 412000002},
        5300010: {type: 4120000, subtype: 412000003},
        5310010: {type: 4120000, subtype: 412000004},
        20016: {type: 4121000, subtype: 412100000},
        20016: {type: 4122000, subtype: 412200000},
        20016: {type: 4123000, subtype: 412300000},
        20016: {type: 4124000, subtype: 412400000},
        20016: {type: 4125000, subtype: 412500000},
        20016: {type: 4126000, subtype: 412600000},
        4190010: {type: 330000, subtype: 33000000},
        4121001: {type: 315000, subtype: 31500000},
        4200010: {type: 318000, subtype: 31800000},
        4170010: {type: 312000, subtype: 31200000},
        4030011: {type: 3103000, subtype: 310300000},
        3010010: {type: 322000, subtype: 32200000},
        4260010: {type: 360000, subtype: 36000000},
        2010010: {type: 101000, subtype: 10100000},
        3010010: {type: 3201000, subtype: 320100000},
        30058: {type: 1001000, subtype: 100100000},
        7010010: {type: 1001100, subtype: 100110000},
        7020010: {type: 1001200, subtype: 100120000},
        7040010: {type: 1001300, subtype: 100130000},
        4050040: {type: 3460000, subtype: 321500099},
        4050041: {type: 3460000, subtype: 321500099},
        2012601: {type: 222000, subtype: 22200001},
        2020020: {type: 3102000, subtype: 310200001},
        2020010: {type: 3102000, subtype: 310200000},
        2012501: {type: 222002, subtype: 22200201},
        420: {type: 361000, subtype: 36100000},
        2020076: {type: 103000, subtype: 10300000},
        2020077: {type: 103000, subtype: 10300001},
        2020040: {type: 3102000, subtype: 310200001},
        4290220: {type: 2510000, subtype: 251000000},
        4290230: {type: 2511000, subtype: 251100000},
        4290240: {type: 2123000, subtype: 212300000},
        7010011: {type: 1001100, subtype: 100110001},
        4080001: {type: 306000, subtype: 30600008},
        4080002: {type: 306000, subtype: 30600008},
        4080003: {type: 306000, subtype: 30600008},
        6010001: {type: 5102000, subtype: 510200000},
        4080004: {type: 306000, subtype: 30600008},
        4020090: {type: 301000, subtype: 30100005},
        4020091: {type: 301000, subtype: 30100005},
        4020092: {type: 301000, subtype: 30100005},
        4020093: {type: 301000, subtype: 30100005},
        4020094: {type: 301000, subtype: 30100005},
        84340010: {type: 390000, subtype: 39000098},
        84340011: {type: 390000, subtype: 39000098},
        84340020: {type: 390000, subtype: 39000098},
        84340021: {type: 390000, subtype: 39000098},
        495: {type: 103000, subtype: 10300001},
        494: {type: 103000, subtype: 10300000},
        4100013: {type: 3215000, subtype: 321500001},
        4200011: {type: 3312000, subtype: 331200000},
        4050020: {type: 3450000, subtype: 310300001},
        20011: {type: 1002019, subtype: 100201900},
        20011: {type: 1002018, subtype: 100201800},
        20011: {type: 1002018, subtype: 100201800},
        20011: {type: 1002018, subtype: 100201800},
        20011: {type: 1002018, subtype: 100201800},
        20011: {type: 1002018, subtype: 100201800},
        20011: {type: 1002018, subtype: 100201800},
        457: {type: 1001622, subtype: 100162200},
        20011: {type: 1003201, subtype: 100320100},
        410: {type: 1003301, subtype: 100330100},
        457: {type: 1001522, subtype: 100152200},
        20011: {type: 1002201, subtype: 100220100},
        410: {type: 1002301, subtype: 100230100},
        84110022: {type: 306000, subtype: 30600003},
        4140040: {type: 118000, subtype: 11800000},
        84210012: {type: 3313000, subtype: 331300000},
        84210012: {type: 390000, subtype: 39000003},
        4290010: {type: 2127000, subtype: 212700000},
        4400010: {type: 390000, subtype: 39000009},
        84050050: {type: 309000, subtype: 30900001},
        84050051: {type: 309000, subtype: 30900001},
        4060010: {type: 309000, subtype: 30900002},
        2090020: {type: 115000, subtype: 11500001},
        2090021: {type: 115000, subtype: 11500001},
        2090030: {type: 115000, subtype: 11500002},
        2090031: {type: 115000, subtype: 11500002},
        4060010: {type: 3310000, subtype: 331000001},
        4600010: {type: 339000, subtype: 33900000},
        4600020: {type: 339000, subtype: 33900000},
        4700010: {type: 345000, subtype: 34500000},
        4050042: {type: 3460000, subtype: 321500099},
        2030030: {type: 110000, subtype: 11000002},
        8010050: {type: 1002200, subtype: 100220000},
        420: {type: 1002300, subtype: 100230000},
        5010020: {type: 370000, subtype: 37000000},
        5010030: {type: 370000, subtype: 37000000},
        5010040: {type: 370000, subtype: 37000000},
        5010050: {type: 370000, subtype: 37000000},
        850010: {type: 190000, subtype: 19000001},
        850020: {type: 190000, subtype: 19000002},
        850030: {type: 190000, subtype: 19000003},
        850040: {type: 190000, subtype: 19000004},
        4070013: {type: 3460000, subtype: 321500000},
        4070014: {type: 3460000, subtype: 321500000},
        4070015: {type: 3460000, subtype: 321500000},
        5: {type: 4113000, subtype: 411300000},
        5200010: {type: 4113000, subtype: 411300001},
        5080010: {type: 4114000, subtype: 411400001},
        3030010: {type: 3202000, subtype: 320200000},
        9010180: {type: 1001014, subtype: 100101401},
        9010170: {type: 1001014, subtype: 100101401},
        9010191: {type: 1001014, subtype: 100101401},
        9010192: {type: 1001014, subtype: 100101401},
        9010193: {type: 1001014, subtype: 100101401},
        9010194: {type: 1001014, subtype: 100101401},
        9010230: {type: 1001014, subtype: 100101401},
        9010240: {type: 1001014, subtype: 100101401},
        9010250: {type: 1001014, subtype: 100101401},
        9010260: {type: 1001014, subtype: 100101401},
        9010050: {type: 1001014, subtype: 100101401},
        9010060: {type: 1001014, subtype: 100101401},
        9010070: {type: 1001014, subtype: 100101401},
        9010080: {type: 1001014, subtype: 100101401},
        9010003: {type: 1001014, subtype: 100101401},
        9010310: {type: 1001014, subtype: 100101401},
        9010002: {type: 1001014, subtype: 100101401},
        9010200: {type: 1001014, subtype: 100101401},
        9010190: {type: 1001014, subtype: 100101401},
        9010090: {type: 1001014, subtype: 100101401},
        9010100: {type: 1001014, subtype: 100101401},
        9010110: {type: 1001014, subtype: 100101401},
        9010120: {type: 1001014, subtype: 100101401},
        9010130: {type: 1001014, subtype: 100101401},
        9010140: {type: 1001014, subtype: 100101401},
        9010040: {type: 1001014, subtype: 100101401},
        9010030: {type: 1001014, subtype: 100101401},
        9010020: {type: 1001014, subtype: 100101401},
        9010010: {type: 1001014, subtype: 100101401},
        9010150: {type: 1001014, subtype: 100101401},
        9010001: {type: 1001014, subtype: 100101401},
        9010160: {type: 1001014, subtype: 100101401},
        84020001: {type: 8393000, subtype: 839300000},
        84020002: {type: 8347000, subtype: 834700000},
        82030040: {type: 8190000, subtype: 819000000},
        84030000: {type: 8103000, subtype: 810300000},
        1020040: {type: 300000, subtype: 30000002},
        4010010: {type: 340000, subtype: 34000000},
        82030040: {type: 302000, subtype: 83020005},
        2120011: {type: 3990000, subtype: 399000010},
        4300020: {type: 3990000, subtype: 399000011},
        4270010: {type: 3990000, subtype: 399000012},
        4130010: {type: 3990000, subtype: 399000013},
        4130020: {type: 3990000, subtype: 399000013},
        4130040: {type: 3990000, subtype: 399000013},
        4150060: {type: 3990000, subtype: 399000014},
        4010020: {type: 340000, subtype: 34000000},
        1020030: {type: 1101000, subtype: 110100000},
        5160030: {type: 910000, subtype: 91000001},
        2160010: {type: 220000, subtype: 22000000},
        4130070: {type: 2504000, subtype: 250400001},
        4010030: {type: 395000, subtype: 39500000},
        4290110: {type: 3215000, subtype: 321500011},
        4290120: {type: 3215000, subtype: 321500011},
        4290130: {type: 3215000, subtype: 321500011},
        4290100: {type: 3215000, subtype: 321500011},
        4050040: {type: 3215000, subtype: 321500012},
        4050041: {type: 3215000, subtype: 321500012},
        4050042: {type: 3215000, subtype: 321500012},
        4500010: {type: 351000, subtype: 35100000},
        1020010: {type: 1101000, subtype: 110100000},
        1030070: {type: 1101000, subtype: 110100000},
        1030080: {type: 1101000, subtype: 110100000},
        1030010: {type: 1101000, subtype: 110100000},
        5060010: {type: 1101000, subtype: 110100000},
        5060010: {type: 1101000, subtype: 110100000},
        90500117: {type: 1101000, subtype: 110100000},
        1030050: {type: 1101000, subtype: 110100000},
        5060010: {type: 1101000, subtype: 110100000},
        90500117: {type: 1101000, subtype: 110100000},
        90500115: {type: 1101000, subtype: 110100000},
        90500115: {type: 1101000, subtype: 110100000},
        90500114: {type: 1101000, subtype: 110100000},
        90500113: {type: 1101000, subtype: 110100000},
        90500112: {type: 1101000, subtype: 110100000},
        9050011: {type: 1101000, subtype: 110100001},
        9060001: {type: 1101000, subtype: 110100002},
        9050013: {type: 1103000, subtype: 110300001},
        9050013: {type: 1103000, subtype: 110300000},
        51080021: {type: 1105000, subtype: 110500001},
        3060010: {type: 1106000, subtype: 110600001},
        9060002: {type: 1109000, subtype: 110900001},
        51110001: {type: 1110000, subtype: 111000001},
        51112001: {type: 1112000, subtype: 111200001},
        51114001: {type: 1114000, subtype: 111400001},
        7100010: {type: 1163000, subtype: 116300001},
        51163002: {type: 1163000, subtype: 116300002},
        51163003: {type: 1163000, subtype: 116300003},
        51163004: {type: 1163000, subtype: 116300004},
        51163005: {type: 1163000, subtype: 116300005},
        51020033: {type: 1167000, subtype: 116700001},
        9050012: {type: 1169000, subtype: 116900001},
        9050014: {type: 1102000, subtype: 110200000},
        9050014: {type: 1102000, subtype: 110200001},
        4260010: {type: 1107000, subtype: 110700001},
        4260010: {type: 1113000, subtype: 111300001},
        1030051: {type: 300000, subtype: 32300000},
        5220010: {type: 150000, subtype: 15000000},
        1010010: {type: 150000, subtype: 15000000},
        1010020: {type: 150000, subtype: 15000000},
        1010030: {type: 150000, subtype: 15000000},
        1010040: {type: 150000, subtype: 15000000},
        1010050: {type: 150000, subtype: 15000000},
        1010060: {type: 150000, subtype: 15000000},
        1010070: {type: 150000, subtype: 15000000},
        1010080: {type: 150000, subtype: 15000000},
        1010090: {type: 150000, subtype: 15000000},
        1010100: {type: 150000, subtype: 15000000},
        1010110: {type: 150000, subtype: 15000000},
        4020456: {type: 150000, subtype: 15000000},
        5220010: {type: 4115000, subtype: 411500000},
        1010010: {type: 4115000, subtype: 411500000},
        1010020: {type: 4115000, subtype: 411500000},
        1010030: {type: 4115000, subtype: 411500000},
        1010040: {type: 4115000, subtype: 411500000},
        1010050: {type: 4115000, subtype: 411500000},
        1010060: {type: 4115000, subtype: 411500000},
        1010070: {type: 4115000, subtype: 411500000},
        1010080: {type: 4115000, subtype: 411500000},
        1010090: {type: 4115000, subtype: 411500000},
        1010100: {type: 4115000, subtype: 411500000},
        1010110: {type: 4115000, subtype: 411500000},
        4020456: {type: 4115000, subtype: 411500000},
        1020010: {type: 300000, subtype: 30000000},
        1030010: {type: 300000, subtype: 30000004},
        1030070: {type: 300000, subtype: 32400000},
        1030110: {type: 300000, subtype: 30000006},
        1030080: {type: 300000, subtype: 32500000},
        1030060: {type: 300000, subtype: 20400000},
        1030060: {type: 300000, subtype: 32600000},
        81030110: {type: 300000, subtype: 30000099},
        1020010: {type: 300000, subtype: 34300000},
        1030020: {type: 300000, subtype: 30000005},
        1030021: {type: 300000, subtype: 30000005},
        1030050: {type: 300000, subtype: 32300000},
        4020456: {type: 300000, subtype: 30000003},
        84100015: {type: 305000, subtype: 30500000},
        84100014: {type: 305000, subtype: 30500000},
        4100010: {type: 305000, subtype: 30500000},
        4100012: {type: 305000, subtype: 30500000},
        4100013: {type: 305000, subtype: 30500000},
        4100011: {type: 305000, subtype: 30500000}
    }
</script>
<script>

    var loadEleSymbol = null
    var EleSymbol = null
    var symbolStyle = null

    let cellSize = 120//格子宽高为文本最小为12px，这里设置个子大小最小为100px
    let radius = 0
    let x = 0, y = 0
    let padding = 0
    let innerRadius = 0
    let fontSize = 0
    let maxColumn = 0
    let symbolPointScale = 0
    let symbolLineScale = 0
    let symbolFillScale = 0
    setParams()

    var fr = new FileReader()

    function onFileChange(e) {
        debugger
        let file = document.getElementById('symFile').files[0]
        fr.readAsArrayBuffer(file)
        fr.addEventListener('loadend', e => {
            var buf = e.target.result
            try {
                if (loadEleSymbol.load(buf, null, 'arrayBuffer')) {
                    onRender()
                } else {
                    alert('符号文件解析出错')
                }
            } catch (e) {
                alert('符号文件解析出错')
            }

        })
    }

    function setParams() {
        radius = cellSize * 0.5//外半径
        x = radius, y = radius
        padding = 10//边距
        innerRadius = radius - padding//内半径
        fontSize = Math.floor(cellSize * 0.12)
        maxColumn = 24//每行显示的符号数量
        symbolPointScale = cellSize * 0.12//点符号尺寸
        symbolLineScale = cellSize * 0.02//先符号尺寸
        symbolFillScale = cellSize * 0.04//面符号尺寸
    }

    /**
     * 清空内容
     */
    function clear() {
        document.getElementById('content').innerText = ''
    }

    /**
     * 重绘内容
     */
    function onRender() {
        cellSize = Number(document.getElementById('cellSize').value)
        setParams()
        clear()
        render()
    }

    /**
     * 绘制符号ID部分
     */
    function getIdLabelEle(symbolId, cellSize) {
        let symIdEle = document.createElement('div')
        symIdEle.classList.add('symbol-id')
        symIdEle.style.width = cellSize + 'px'
        symIdEle.innerText = symbolId
        return symIdEle
    }

    /**
     * 绘制符号名称部分
     */
    function getNameLabelEle(symbolName, cellSize, fontSize) {
        let symNameEle = document.createElement('div')
        symNameEle.classList.add('symbol-name')
        symNameEle.style.width = cellSize + 'px'
        symNameEle.style.height = fontSize * 1.5 * 4 + 'px'
        symNameEle.innerText = symbolName || 'N/A'
        return symNameEle
    }

    /**
     * 绘制符号类型信息部分
     */
    function getTypeLabelEle(symbolId, cellSize) {
        let symTypeEle = document.createElement('div')
        symTypeEle.classList.add('symbol-type')
        symTypeEle.style.width = cellSize + 'px'
        if (symbolTypeMapData[symbolId]) {
            symTypeEle.innerText = `类型:${symbolTypeMapData[symbolId].type}\n子类型:${symbolTypeMapData[symbolId].subtype}`
        } else {
            symTypeEle.innerText = `类型:-\n子类型:-`
        }

        return symTypeEle
    }

    let idAndViewMap = {}
    let allPointId = []
    let allLineId = []
    let allFillId = []
    /**
     * 绘制符号预览区
     */
    function render() {
        let columnIndex = 0
        let allCells = {
            point: [],
            line: [],
            fill: []
        }
        for (let symbolId in loadEleSymbol._symbolMap) {
            if (window.isNaN(Number(symbolId))) {
                continue
            }
            let cellEle = document.createElement('div')
            cellEle.classList.add('symbol-cell')
            cellEle.style.width = cellSize + 'px'
            cellEle.style.fontSize = fontSize + 'px'


            //创建canvas来绘制每一个单独的符号
            let canvas = document.createElement('canvas')
            let context = canvas.getContext('2d')
            canvas.width = canvas.height = innerRadius * 2
            context.strokeRect(0, 0, innerRadius * 2, innerRadius * 2)
            if (loadEleSymbol._symbolMap[symbolId] instanceof EleSymbol.PointSymbol) {
                cellEle.style.border = 'solid 1px #ff0000'
                cellEle.style.background = '#ff000008'
                allCells.point.push(cellEle)
                //添加符号ID文本
                cellEle.appendChild(getIdLabelEle(symbolId, cellSize))
                //添加类型进而子类型文本
                cellEle.appendChild(getTypeLabelEle(symbolId, cellSize))


                //颜色(-1表示默认颜色)，角度，缩放系数
                symbolStyle = new EleSymbol.SymbolStyle(-1, 0, symbolPointScale);
                // symbolStyle = new EleSymbol.SymbolStyle('#00ff00', 20, symbolPointScale);

                loadEleSymbol.draw(context, symbolId, new EleSymbol.GeoPoint(innerRadius, innerRadius), symbolStyle);
                cellEle.appendChild(canvas)
                allPointId.push(Number(symbolId))
                // idAndViewMap[symbolId] = true
            } else if (loadEleSymbol._symbolMap[symbolId] instanceof EleSymbol.LineSymbol) {
                console.log(symbolId,'---',loadEleSymbol._symbolMap[symbolId].width)
                cellEle.style.border = 'solid 1px #00ff00'
                cellEle.style.background = '#00ff0008'
                allCells.line.push(cellEle)
                cellEle.appendChild(getIdLabelEle(symbolId, cellSize))
                cellEle.appendChild(getTypeLabelEle(symbolId, cellSize))
                symbolStyle = new EleSymbol.SymbolStyle(-1, 0, symbolLineScale);
                loadEleSymbol.draw(context, symbolId, new EleSymbol.GeoPolyline([
                    new EleSymbol.GeoPoint(0, innerRadius),
                    new EleSymbol.GeoPoint(innerRadius * 2, innerRadius)
                    // new EleSymbol.GeoPoint(0, 0),
                    // new EleSymbol.GeoPoint(innerRadius * 2, innerRadius * 2)
                ]), symbolStyle);
                cellEle.appendChild(canvas)
                allLineId.push(Number(symbolId))
            } else if (loadEleSymbol._symbolMap[symbolId] instanceof EleSymbol.FillSymbol) {
                cellEle.style.border = 'solid 1px #0000ff'
                cellEle.style.background = '#0000ff08'
                allCells.fill.push(cellEle)
                cellEle.appendChild(getIdLabelEle(symbolId, cellSize))
                cellEle.appendChild(getTypeLabelEle(symbolId, cellSize))
                symbolStyle = new EleSymbol.SymbolStyle('#00000033', 0, symbolFillScale);
                loadEleSymbol.draw(context, symbolId,
                    new EleSymbol.GeoPolygon([
                        new EleSymbol.GeoPoint(x - innerRadius, y - innerRadius),
                        new EleSymbol.GeoPoint(x - innerRadius, y + innerRadius),
                        new EleSymbol.GeoPoint(x + innerRadius, y + innerRadius),
                        new EleSymbol.GeoPoint(x + innerRadius, y - innerRadius),
                        new EleSymbol.GeoPoint(x - innerRadius, y - innerRadius)
                    ]), symbolStyle);
                cellEle.appendChild(canvas)
                allFillId.push(symbolId)
            }
            //标符号名称
            let symbolName = loadEleSymbol._symbolMap[symbolId]._symbolName
            cellEle.appendChild(getNameLabelEle(symbolName, cellSize, fontSize))
            cellEle.setAttribute('title', symbolName)

        }
        for (let type in allCells) {
            document.getElementById('content').append(type)
            document.getElementById('content').append(document.createElement('br'))
            allCells[type].forEach(item => {
                document.getElementById('content').appendChild(item)
            })
            document.getElementById('content').append(document.createElement('br'))
        }
        console.log('点符号id：')
        console.log(JSON.stringify(allPointId))
        console.log('线符号id：')
        console.log(JSON.stringify(allLineId))
        console.log('面符号id：')
        console.log(JSON.stringify(allFillId))

        //创建一个完整的点符号预览雪碧图
        // let canvasAll = document.createElement('canvas')
        // let contextAll = canvasAll.getContext('2d')
        // let iconRadius = 40
        // let rowCount = 10
        // //设置canvas大小
        // canvasAll.width = iconRadius * 2 * 10
        // canvasAll.height = iconRadius * 2 * Math.ceil(allPointId.length / rowCount)k
        //
        // let symRow = 0,symColumn = 0
        // for(let i = 0;i < allPointId.length;i++){
        //     symbolStyle = new EleSymbol.SymbolStyle(-1, 0, symbolPointScale);
        //     symColumn = i % rowCount
        //     symRow = Math.floor(i / rowCount)
        //     loadEleSymbol.draw(contextAll, allPointId[i], new EleSymbol.GeoPoint((symColumn * 2 + 1) * iconRadius, (symRow * 2 + 1) * iconRadius ), symbolStyle);
        // }
        // document.getElementById('allSymbol').append(canvasAll)
    }

    window.onload = () => {
        dynamicLoadJs(egisV2Url, () => {
            EleSymbol = egisV2.util.SymbolUtil
            loadEleSymbol = new egisV2.util.SymbolUtil.loadEleSymbol()
            //加载符号库文件
            loadEleSymbol.load('libs/allSym0607.sym').then(
                res => {
                    if (res) {
                        render()
                    }
                }
            )
        })

    }

</script>
